<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>表格</title>
</head>
<body>
    <!-- 
        table表格  ->  th行  ->  td单元格/th表头
        表格当中的属性：
        1.border边框：单位是像素
        2.cellspacing外边距,表格之间的间隙，又是单元格与外部边框之间的间隙
        3.cellpadding内边距,表格内容与表格之间的距离 
    -->
    <!-- 
        合并单元格：
        1.行跨列：一行跨多列，colspan
        2.列跨行：一列跨多行，rowspan 
    -->
    <table border="1px" cellpadding="10px" cellspacing="0px">
        <tr>
            <th colspan="4">成绩单</th>
        </tr>
        <tr>
            <th>数学</th>
            <th>语文</th>
            <th>英语</th>
            <th rowspan="4">科目</th>
        </tr>
        <tr>
            <td>98.0</td>
            <td>97.5</td>
            <td>88.0</td>
        </tr>
        <tr>
            <td>98.0</td>
            <td>97.5</td>
            <td>88.0</td>
        </tr>
        <tr>
            <td>98.0</td>
            <td>97.5</td>
            <td>88.0</td>
        </tr>
    </table>
</body>
</html>